<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>第八、九章</title>
    <link rel="stylesheet" href="static/css/chater9-1.css">
</head>
<body>
    <div>
        <p class="test0 test1">第一段话,啦啦啦啦啦啦啦啦</p>
        <p class="test2">第二段话,哈哈哈哈哈哈哈哈<span>嘻嘻嘻 我是有span的 </span></p>
        <span>测试上下文选择器</span>
    </div>
    <div class="testsibling">
        <h1>标题测试相邻选择器</h1>
        <p>内容</p>
        <h2>小标题0</h2>
        <h1>标题测试相邻选择器1</h1>
        <p>内容1</p>
        <h2>小标题1</h2>
        <h1>标题测试相邻选择器2</h1>
        <p>内容2</p>
        <h2>小标题2</h2>
        <ul>
            <li>苹果</li>
            <li>雪梨</li>
            <li>石榴</li>
            <li>香蕉</li>
        </ul>
    </div>
    <div class="testfirstclass">
        <a href="http://www.baidu.com">百度</a>
        <p>这是一篇文章，很长的文章,这是一篇文章，很长的文章这是一篇文章，很长的文章这是一篇文章，很长的文章</p>
        <p>这是第二文章，很长的文章这是一篇文章，很长的文章这是一篇文章，很长的文章这是一篇文章，很长的文章这是一篇文章，很长的文章这是一篇文章，很长的文章</p>
    </div>
</body>
</html>